<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/yanzhengma.css">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/regist.css">
</head>

<body>

    <div class="nav">
        <div class="wrapper">
            <div class="left">
                <p class="fl logo">
                    <a href="javascript:;">
                        <img src="https://login.jiuxian.com/img/header/left.jpg?version=20160401" alt="">
                    </a>
                </p>
                <p class="fl">
                    <img src="https://login.jiuxian.com/img/reg/slogan.jpg
                    " alt="">
                </p>
            </div>
            <div class="right fr">
                <p>
                    欢迎来到酒仙网！
                    <a href="javascript:;">请登录</a>
                </p>
                <div class="helpCenter">
                    <!-- <div class="Erji"> -->
                    <span>帮助中心</span>
                    <i></i>
                    <!-- </div> -->

                    <div class="helpErji">
                        <ul>
                            <li><a href="javascript:;">配送说明</a></li>
                            <li><a href="javascript:;">支付方式</a></li>
                            <li><a href="javascript:;">售后服务</a></li>
                            <li><a href="javascript:;">企业客户</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="banner">

        <div class="form">
            <ul>
                <li>
                    <span>手机号</span>
                    <div>
                        <i></i>
                        <input type="text" maxlength="11" class="user">
                        <b></b>
                        <em></em>
                    </div>
                </li>
                <li>
                    <span>验证码</span>
                    <div>
                        <i></i>
                        <input type="text">
                        <b></b>
                        <em></em>
                        <p id="v_container"></p>

                    </div>
                </li>
                <li>
                    <span>校验码</span>
                    <div>
                        <div>
                            <i></i>
                            <input type="text" maxlength="6">
                            <b></b>
                            <em></em>
                        </div>
                        <input type="button" class="phoneCode" value="获取短信验证码">
                    </div>
                </li>
                <li>
                    <span>设置密码</span>
                    <div>
                        <i></i>
                        <input type="password" maxlength="20" class="pass">
                        <b></b>
                        <em></em>
                    </div>
                </li>
                <li>
                    <span>确认密码</span>
                    <div>
                        <i></i>
                        <input type="password" maxlength="20">
                        <b></b>
                        <em></em>
                    </div>
                </li>
                <li>
                    <span></span>
                    <div>
                        <input type="checkbox"> 我已阅读并同意 <a href="javascript:;">《酒仙网用户注册协议》</a><a
                            href="javascript:;">《酒仙网隐私协议》</a>
                    </div>
                </li>
                <h2>请接受服务协议！</h2>
                <li>
                    <span></span>
                    <div>
                        <input type="button" value="立即注册" class="btn">
                    </div>
                </li>
            </ul>
        </div>
    </div>

    <div class="footer">
        <div class="footerContent">
            <p>© &nbsp;酒仙网&nbsp; 2011 jiuxian.com All &nbsp;Rights Reserved&nbsp;&nbsp;<a target="_blank"
                    href="#">京ICP证110141号</a>&nbsp;&nbsp;京公网安备1101050188221</p>
            <p class="red">购买前请确认达到法定饮酒年龄！酒仙网不销售任何含酒精产品给18岁以下人士！</p>
        </div>
    </div>
    <!-- 验证码文件引入  -->
    <script src="../js/gVerify.js"></script>

    <!-- 验证码 JS 判断 -->
    <script src="../js/RexEP.js"></script>

    <!-- 帮助中心划入 -->
    <script src="../js/helpCenter.js"></script>

    <!-- Ajax 引入 -->
    <script src="../js/ajax.js"></script>

    <!-- 注册Ajax -->
    <script>

        const oUser = document.querySelector('.user')
        const oPass = docuemnt.querySelector('.pass')

        ajax({
            url: '../server/regist.php', // 请求地址
            type: 'post',                // 请求方式
            data: {
                username: oUser.value,
                password: oPass.value
            },           // 字段
            success(result) {           // 回调函数（接收后台给的结果）
                // console.log(result)
                alert(result)
            }
        })
    </script>
</body>

</html>